// 放置全局指令
import Vue from "vue";
import store from "../store";
const adminPerms = "*:*:*";
Vue.directive("permission", {
  // el:使用自定义指令的dom元素
  // binding：对象 binding.value可以接受外部传过来的值
  inserted(el, binding) {
    // 处理利用el控制按钮的显示和隐藏
    // 处理管理员账号
    const perms = store.state.menu.permission;
    if (perms.includes(adminPerms)) {
      return;
    }

    if (!perms.includes(binding.value)) {
      el.parentNode.removeChild(el); //彻底移除，从dom树中移除
      el.style.display = "none"; //dom元素隐藏,而不是删除
    }
  },
});
